<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>按钮提交</title>
</head>
<body>
<!--on submit是表单提交事件-->
<form onsubmit="return fun1()" action="JS_注释以及简单的按钮动态.html" method="post"><!--on submit="return fun1()"表示返回该函数的返回值为true则会提交，为false则不会提交，所以可以利用这一点在做一些敏感操作得时候做一个保险操作，比如提示是否确定删除，若确定则返回true，提交，负责就返回false-->
    <button type="submit">提交</button>
</form>
<!--单击/双击事件，ondblclick双击     就是给某个标签绑定该事件，单击/双击就会触发你之前设计好的程序，弹出个什么东西-->
<button id="dan ji" onclick="fun2()">单击事件</button>
<input type="text" onblur="fun3()"id="name"/><!--onblur="fun3()失去焦点事件，即点了他再点出来就会触发某种反应的事件-->
<!--
<input type="text" onfocus="fun4()"id="age"/>&lt;!&ndash;onfocus="fun4()获取焦点事件，即点了他就会触发某种反应的事件&ndash;&gt;
-->
<!--下拉列表中的内容变化事件-->
<select id="city" onchange="fun5()">
    <option>鼎香楼</option>
    <option>西王山山神庙</option>
</select>
<select id="ct" onchange="fun5()">
    <option>雅间</option>
    <option>关肉票的地方</option>
</select>
</body>
<script>
    function fun1() {
       alert("此山是我开")
        return false
    }
    function fun2() {
        alert("此树是我栽")
    }
    function fun3() {
        alert("要想从此过")
        /*弹出文本框的内容*/
        alert(document.getElementById("name").value)
    }
    function fun4() {
        alert("要想从此过")
        /*弹出文本框的内容*/
        alert(document.getElementById("age").value)
    }
   /* function fun4() {
        alert("要想从此过")
        /!*弹出文本框的内容*!/
        alert(document.getElementById("age").value)
    }*/
    function fun5() {
        alert("留下买路财")
        alert(document.getElementById("city").value)
    }
</script>
</html>